<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
$this->load->view ( 'home/common/header' );
?>
<?php

$user_Email = $this->session->userdata ( 'sessionEmail' );

?>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery-ui-12.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.slideto.min.js" type="text/javascript"></script>
<script language="javascript"
	src="<?php
	echo base_url ();
	?>themes/default/javascript/jquery.tools.min.js"
	type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen"
	href="<?php
	echo base_url ();
	?>themes/default/css/style_tabs.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<?php
	echo base_url ();
	?>themes/default/css/tabs-panes.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<!--body start -->
<div id="ja-content-main" class="ja-content-main clearfix"
	style="padding: 0px 13px 19px 18px;">
<div class="item-page"></div>
<!-- ----------------------------------Register form ----------------------------->

<div id="dlg_edit" style="padding: 5px;" >
<div class="form-container-dialog ui-helper-clearfix  ui-corner-all">

<table>
	<tr>
		<td align="left" width="100%">
		<div class="form-panel-auto-dialog">
		<fieldset class="ui-corner-all">
		<form id='myForm' name='myForm' method='post'>
		<h1>Đăng tin bất động sản</h1>
		<hr style="border-color:green;"></hr>
		<table>
			<tr>
				<td id="title3">Nhu cầu:</td>
				<td>
					<select id='nhucau' name='nhucau'>
					    <option value=''>Chọn nhu cầu.....</option>
						<option value='1'>Cần bán</option>
						<option value='2'>Cho thuê</option>
				    </select>
				    
			  </td>
			</tr>
			<tr>
				<td>Tiêu đề:</td>
				<td><input id="tieude" name="tieude"
					class="text ui-widget-content ui-corner-all" type="text" size="60" />
				</td>
			</tr>
			<tr>
				<td>Mô tả chi tiết:</td>
				<td><textarea rows="5" cols="58" id="mota"
					name="mota" class="text ui-widget-content ui-corner-all"></textarea>
				</td>
			</tr>
			<tr>
				<td>Diện tích sử dụng:(m2)</td>
				<td><input id="dientich" name="dientich"
					class="text ui-widget-content ui-corner-all" type="text" size="30" />
				</td>
			</tr>
			<tr>
				<td>Price:(VND)</td>
				<td><input id="giatien" name="giatien"
					class="text ui-widget-content ui-corner-all" type="text" size="30" />
					<select id="donvitinh" name="donvitinh">
						<option value='0'>Tổng diện tích</option>
						<option value='1'>m2</option>
						<option value='2'>Tháng</option>
				    </select>
				</td>
			</tr>
			<tr>
				<td>
					&nbsp;
					</td>
					<td>
					    <div class='yeucau' id='chuso'></div>
				</td>
			</tr>		
		</table>
		<h2>Thông tin chi tiết</h2>
		<hr style="border-color:green;"></hr>
		<table width='685px'>
			<tr>
				<td>Loại tài sản:</td>
				<td colspan="2"><select style='width:150px' id="loaitaisan" name="loaitaisan">
				        <option value=''>Chọn loại tài sản...</option>
						<option>Nhà riêng</option>
						<option>Chung cư CC, Mini</option>
						<option>Khu tập thể</option>
						<option>Đất nền, đất dự án</option>
				    </select>
				</td>
				<td>Tuyến đường:</td>
				<td colspan="2"><select style='width:150px' id="tuyenduong" name="tuyenduong">
				        <option value=''>Chọn vị trí đường.....</option>
						<option>Mặt tiền đường</option>
						<option>Đường hẻm lớn</option>
						<option>Đường hẻm nhỏ</option>
						<option>Không cập nhập</option>
				    </select>
				</td>
			</tr>
			<tr>
				<td>Tỉnh/Thành phố:</td>
				<td colspan="2" >
					<select style='width:150px' id="thanhpho" name="thanhpho">
						<option value=''>Tỉnh/Thành phố...</option>
						<option>Hà Nội</option>
						<option>Thành phố HCM</option>
						<option>Hải Phòng</option>
						<option>Đà Nặng</option>
						<option>Nha Trang</option>
				    </select>
			  </td>
				<td>Quận/Huyện:</td>
				<td colspan="2"><select style='width:150px' id="quanhuyen" name="quanhuyen">
				        <option value=''>Quận/Huyện...</option>
						<option>Cầu Giấy</option>
						<option>Hoàng Mai</option>
						<option>Đống Đa</option>
						<option>Hoàn Kiếm</option>
				    </select>
				</td>
				
			</tr>
			<tr>
				<td>
					Địa chỉ:
				</td>
				<td colspan="5">
				<input id="diachi" name="diachi" title='Chi tiết địa chỉ: Số nhà, tuyến phố, xóm, thôn...' class="text ui-widget-content ui-corner-all"  type="text" size="85" />
				
				</td>
			</tr>
		</table>
		<h2>Tiện ích - Cấu trúc:</h2>
		<hr  style="border-color:green;"></hr>
		<table>
			<tr>
				<td>Tình trạng pháp lý:</td>
				<td colspan="2"><select id="phaply" name="phaply" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Sổ đỏ chính chủ</option>
						<option>Giấy viết tay</option>
						<option>Đang hợp thức hóa</option>
						<option>không xác định</option>
				    </select>
				</td>
				<td>Hướng tài sản:</td>
				<td colspan="2"><select id="phuonghuong" name="phuonghuong" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select>
				</td>
			</tr>
			
			<tr>
				<td>Tầng thứ máy:</td>
				<td colspan="2"><select id="vitritang" name="vitritang" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Sổ đỏ chính chủ</option>
						<option>Giấy viết tay</option>
						<option>Đang hợp thức hóa</option>
						<option>không xác định</option>
				    </select>
				</td>
				<td>Trong tòa nhà:</td>
				<td colspan="2"><select id="trongtoanha" name="trongtoanha" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select> Tầng
				</td>
			</tr>
			<tr>
				<td>Số tầng:</td>
				<td><select id="sotang" name="sotang" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Sổ đỏ chính chủ</option>
						<option>Giấy viết tay</option>
						<option>Đang hợp thức hóa</option>
						<option>không xác định</option>
				    </select>
				</td>
				<td>Phòng ngủ:</td>
				<td ><select id="phongngu" name="phongngu" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select>
				</td>
				<td>Phòng khách:</td>
				<td ><select id="phongkhach" name="phongkhach" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select>
				</td>
			</tr>
			<tr>
				<td>Đường trước nhà:</td>
				<td><select id="duongrong" name="duongrong" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Sổ đỏ chính chủ</option>
						<option>Giấy viết tay</option>
						<option>Đang hợp thức hóa</option>
						<option>không xác định</option>
				    </select>
				</td>
				<td>Phòng tắm:</td>
				<td><select id="phongtam" name="phongtam" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select>
				</td>
				<td>Phòng khác:</td>
				<td><select id="phongkhac" name="phongkhac" class='slpost'>
						<option value=''>Vui lòng chọn...</option>
						<option>Đông</option>
						<option>Nam</option>
						<option>Tây</option>
						<option>Bắc</option>
						<option>Đông Bắc</option>
						<option>Tây Bắc</option>
				    </select>
				</td>
			</tr>
		</table>
		
		
		<h2>upload ảnh:</h2>
		<hr  style="border-color:green;"></hr>
		<table>
			<tr>
				<td>
				<div id="upload" ><span>Upload File<span></div><span id="status" ></span>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;		
				<ul id="files" ></ul>
				
				</td>	
			</tr>
		</table>
		<h2>Đánh dấu tài sản trên bản đồ</h2>
		<hr style="border-color:green;"></hr>
		<input class='fl pd5' style="margin-right:10px;margin-left:30px" size="50"  id='address' value="" type="text" title='Tìm nhanh vị trí tài sản của bạn' placeHolder="Tìm nhanh vị trí tài sản của bạn"/>
		<input type="button" class='button fl' style="margin-right:10px;" value="Tìm kiếm" onclick="searchAddress()"/>
		<input type="button" class='button fl' title='Cập nhật vị trí' value="Cập nhật vị trí" onclick="updatepos()" id='capnhat'/><br></br>
		<div class='fl'>Vị trí của chúng ta trên bản đồ:&nbsp;</div><div class='fl yeucau bld' id='myAddress'></div>
		<table width='685px'>
			<tr>
				<td style="padding:5px;">
				<div id="map_vietnam" style="width:650px; height:500px">
				
				</div>
				
				</td>	
			</tr>
		</table>
		
		</form>
		</fieldset>
		</div>
		</td>
	</tr>
</table>
<a class="profileAddGold fr " style="margin-right:50px;" title="Đăng tin tài khoản" onclick="onDo()" href="javascript:void(0)">Đăng tin</a>
</div>
</div>
<!-- ----------------------------------End register form ------------------------------------------------------------------------->

<script>
var city_id='';
jQuery().ready(function ()
{
	jQuery('#thanhpho').change(function() 
	{	
		var id=jQuery('#thanhpho').val();
		jQuery("#quanhuyen").find('option').each(function () 
		{
		
			//if(jQuery(this).attr('rel')==id)
					//alert(jQuery(this).text());
		});
	});
	 /*---------------------------Start Get province----------------------------*/
		 	jQuery.ajax
		     ({
		         type: "POST",
		         url: '<?php echo base_url(); ?>province/getProvinceList',
		         dataType: 'json',
		         async: false,
		         data: {q:'all'}
		        ,success:function(msg)
		        {	 
		        } 
		     }).done(function( msg ) 
		     {
		 		//Fill Data into combobox:
		     	var city_edit = jQuery('#thanhpho');
		 		city_edit.find('option').remove().end();
		 		jQuery.each(msg.rows, function(index, itemData) 
		 		{
		 	       city_edit.append("<option rel='"+itemData.id+"' value='"+itemData.id+"'>"+itemData.name+"</option>");   
		 		});	
		 		
		 		city_edit.val(city_id);			
		     });
		     /*--------------End get Province------------------------*/
		 	/*---------------------------Start Get district----------------------------*/
		 	jQuery.ajax
		     ({
		         type: "POST",
		         url: '<?php echo base_url(); ?>province/getDistrictList',
		         dataType: 'json',
		         async: false,
		         data: {q:'all'}
		        ,success:function(msg)
		        {	 
		        } 
		     }).done(function( msg ) 
		     {
		 		//Fill Data into combobox:
		     	var district_edit = jQuery('#quanhuyen');
		     	district_edit.find('option').remove().end();
		 		jQuery.each(msg.rows, function(index, itemData) 
		 		{
		 			district_edit.append("<option rel='"+itemData.proid+"' value='"+itemData.id+"'>"+itemData.name+"</option>");   
		 		});	
		 				
		     });
		     /*--------------End get district------------------------*/
});
	
/*---------------------check data valid -----------------------------*/

function check_Data1()
{

	if(jQuery("#nhucau").val()=='')
    {
		jQuery(".phone").slideto({
			slide_duration : 'fast'
		});
		 setTimeout(function(){
         	jQuery("#nhucau").focus();
    		 jQuery.showErr(" Xin vui lòng chọn nhu cầu đăng tin: Bán hoặc cho thuê!");
    	  	addToBasket('bee','nhucau');
		 },600);
    	 return false;
    }
	
	//check title
	if(jQuery('#tieude').val()=='')
	{
		jQuery(".phone").slideto({
			slide_duration : 'fast'
		});
		setTimeout(function(){
			jQuery("#tieude").focus();
		    jQuery.showErr("Xin vui lòng nhập tiêu đề cho tin!");
		    addToBasket('bee','tieude');
		 },600);
	 	
	    return false;
	   
	}
	//Check desc:
    if(jQuery("#mota").val()=='')
    {
    	jQuery(".phone").slideto({
			slide_duration : 'fast'
		});
    	setTimeout(function(){
    		jQuery("#mota").focus();
          	 jQuery.showErr("Xin vui lòng nhập thông tin chi tiết!");
          	 addToBasket('bee','mota');
		 },600);
      	 
    	 return false;
    }
	//Check dien tich:
    if(jQuery("#dientich").val()=='')
    {
    	jQuery(".phone").slideto({
			slide_duration : 'fast'
		});
    	setTimeout(function(){
   		 jQuery("#dientich").focus();
    	 jQuery.showErr(" Xin vui lòng nhập diện tích sử dụng!");
    	 addToBasket('bee','dientich');
		 },600);
    	 return false;
    }
	  //Check price:
    if(jQuery("#giatien").val()=='')
    {
    	jQuery("#nhucau").slideto({
			slide_duration : 'fast'
		});	
    	setTimeout(function(){
    		jQuery("#giatien").focus();
          	 jQuery.showErr(" Xin vui lòng nhập gia tien!");
          	 addToBasket('bee','giatien');
  		 },600);
      	 
    	 return false;
    }
    //Check cap nhat vi tri:
    if(latpos=='')
    {
    	jQuery("#upload").slideto({
			slide_duration : 'fast'
		});	
    	setTimeout(function(){
    		jQuery("#capnhat").focus();
          	 jQuery.showErr(" Xin vui lòng cap nhat vi tri tai san cua ban!");
          	 addToBasket('bee','capnhat');
  		 },600);
      	 
    	 return false;
    }
	return true;
}

/*---------------------check data valid -----------------------------*/
	var latpos='';
	var lngpos='';
function updatepos()
{
	latpos=my_maker.getPosition().lat();
	lngpos=my_maker.getPosition().lng();
	alert('Vị trí tài sản của bạn đã được cập nhật!');
}
function deleteImg(obj)
{
	jQuery(obj).parent().remove();
}
function onDo()
{
	if(!check_Data1()) return false;
	var method={act:'addExtra',session:'true',key:randomString(),Lat:latpos,Lng:lngpos};
	var myJSONtext=jQuery('#myForm').toJSON();
	
	var output = {};
	var jsona = {};
	output = jsonConcat(output, myJSONtext);
	output = jsonConcat(output, method);
	var collection = document.getElementsByName('uploadPic');
	if (collection.length > 0)
	{	
		for (var i=0; i<collection.length; i++) 
		{
			jsona['Img'+(i + 1)] =  collection[i].getAttribute('alt');
		}
	}	
	output = jsonConcat(output, jsona);
	
	jQuery.ajax({
		url: '<?php echo base_url(); ?>index/process',
		dataType: "json",
		data:output,
		type: "POST",
		async: true,
		success: function(msg) 
		{
			if(msg.ret=='success')
			{
				alert('Đăng tin thành công!');
				//getUser();
			}
			
		}
	});
}

var markersArray = [];
function removeMarker() {
    if (markersArray) {
        for (i=0; i < markersArray.length; i++) {
            markersArray[i].setMap(null);
        }
    markersArray.length = 0;
    }
}

//<![CDATA[
/*---------------Upload File-------------------------------------------------------*/
jQuery(function(){
	jQuery("#giatien").blur(function()
			{
			   var num=jQuery("#giatien").val().replace(/,/g,"");
			   jQuery("#chuso").html(DocTienBangChu(num));
			   jQuery("#giatien").formatCurrency();
			});
		jQuery("#giatien").keyup(function()
		{
			var num=jQuery("#giatien").val().replace(/,/g,"");
			jQuery("#chuso").html(DocTienBangChu(num));
		});
	var btnUpload=jQuery('#upload');
	var status=jQuery('#status');
	new AjaxUpload(btnUpload, {
		action: '<?php echo base_url(); ?>index/process',
		name: 'uploadfile',
		data:{act:'upload',key:randomString()},
		onSubmit: function(file, ext){
			var uploadFilesCount = jQuery("#files li").size() ;
			if (uploadFilesCount >=12)
				return false;
			 //if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                // extension is not allowed 
			//	status.text('Only JPG, PNG or GIF files are allowed');
			//	return false;
			//}
			status.text('Uploading...');
		},
		onComplete: function(file, response)
		{
			//On completion clear the status
			status.text('');
			//Add uploaded file to list
			if(response!=="error"){
				jQuery('<li style="width:80px;height:90px;overflow:hidden;"></li>').appendTo('#files').html('<img style="margin-bottom:5px;"  width="80px" height="70px" name="uploadPic" alt="'+response+'" src="<?php echo base_url()?>themes/home/uploads/'+response+'" alt="" />  <a href="javascript:void(0)" onclick="deleteImg(this)"><img valign="bottom" src="<?php echo base_url()?>themes/home/images/list_remove.png"/> <span>Xóa</span></a>').addClass('success');
			} else{
				jQuery('<li style="width:80px;height:0px;overflow:hidden;></li>').appendTo('#files').text(file).addClass('error');
			}
		}
	});
	
	//initialize();
});
/*---------------Upload File-------------------------------------------------------*/
	
var image = '<?php echo base_url(); ?>/themes/home/images/marker.png';
var imageShadow = '<?php echo base_url(); ?>/themes/home/images/arrowshadow.png';

	var geocoder = new google.maps.Geocoder();
	
	function geocodePosition(pos) 
	{
	
	  geocoder.geocode({
	    latLng: pos
	  }, function(responses) {
	    if (responses && responses.length > 0) {
	      updateMarkerAddress(responses[0].formatted_address);
	    } else {
	      updateMarkerAddress('Không xác định được địa chỉ');
	    }
	  });
	}
 
	function updateMarkerStatus(str) {
		document.getElementById('markerStatus').innerHTML = str;
		
		
	}
	
	 function updateMarkerPosition(latLng) {
	/*
		  document.getElementById('info').innerHTML = [
		    latLng.lat(),
		    latLng.lng()
		  ].join(', ');
		  */
		}
	var my_maker=new google.maps.Marker({});
	function updateMarkerAddress(str) {
		 document.getElementById('myAddress').innerHTML = str.replace(/[0-9]/g, '');
		 document.getElementById('address').value = str.replace(/[0-9]/g, '');
	}
	google.maps.event.addDomListener(window, 'load', initialize);	
	function initialize() {
	geocoder = new google.maps.Geocoder();
	var latlng = new google.maps.LatLng(21.028365757803463, 105.85126839360964);
	var myOptions = {
	  zoom: 16,
	  center: latlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	map = new google.maps.Map(document.getElementById("map_vietnam"), myOptions);

	var shadow = new google.maps.MarkerImage(imageShadow,
		      // The shadow image is larger in the horizontal dimension
		      // while the position and offset are the same as for the main image.
		      new google.maps.Size(37, 32),
		      new google.maps.Point(0,0),
		      new google.maps.Point(0, 32));
	my_maker = new google.maps.Marker({
	    position: latlng,
	    map: map,
	    title:"Xin vui lòng Di chuyển biểu tượng này đến địa chỉ tài sản của bạn!",
	    icon: image,
	    animation: google.maps.Animation.DROP,
	    draggable: true,
	    shadow: shadow
	});
	
	markersArray.push(my_maker);

	
	geocodePosition(my_maker.getPosition());
	google.maps.event.addListener(my_maker, 'dragstart', function() {
	    updateMarkerAddress('Đang tìm vị trí...');
	  });
	google.maps.event.addListener(my_maker, 'dragend', function() 
		{ 
		geocodePosition(my_maker.getPosition());
	} );
	  
	}
	function searchAddress() {
		
		removeMarker();
        var address = document.getElementById("address").value;
        if (geocoder) {
		var img='house.gif';
		var shadow = new google.maps.MarkerImage(imageShadow,
			      // The shadow image is larger in the horizontal dimension
			      // while the position and offset are the same as for the main image.
			      new google.maps.Size(37, 32),
			      new google.maps.Point(0,0),
			      new google.maps.Point(0, 32));

		  geocoder.geocode( { 'address': address}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
              map.setCenter(results[0].geometry.location);
              my_maker = new google.maps.Marker({
                  map: map, 
                  position: results[0].geometry.location,
				  title:address,
				  shadow: shadow,
				  draggable: true,
				  icon:image
              });
			  markersArray.push(my_maker);
			geocodePosition(my_maker.getPosition());
			google.maps.event.addListener(my_maker, 'click', function() 
			{
              //alert(address);
            });
			google.maps.event.addListener(my_maker, 'dragend', function() 
			{ 
				geocodePosition(my_maker.getPosition());
			} );
			  
            } else {
              alert("Geocode was not successful for the following reason: " + status);
            }
          });
        }
    }
//]]>
</script>

<!--body end -->
<?php
$this->load->view ( 'home/common/body' );
?>
<?php

$this->load->view ( 'home/common/footer' );
?>
